<template>
    <div id="toroidaltwo" ></div>
</template>
<script>
export default{
    mounted() {
        let myChart = this.$echarts.init(document.getElementById('toroidaltwo'))
        // let name = ['竞争对手','商机未滚动','超期未联系','其他原因']
        myChart.setOption({
            tooltip:{
                trigger: 'item'
            },
            // legend: {
            //     top: '15%',
            //     right: '10%'
            // },
            series: [
                {
                name: name,
                type: 'pie',
                radius:['50%','40%'],
                avoidLabelOverlap: false,
                itemStyle: {
                    borderRadius: 10,
                    borderColor: '#fff',
                    borderWidth: 2
                },
                label: {
                    show: false,
                    position: 'center'
                },
                emphasis: {
                    label: {
                        show: true,
                        fontSize: '20',
                        fontWeight: 'bold'
                    }
                },
                labelLine: {
                    show: false
                },
                data:[
                    {value: 335, name: '26'},
                    {value: 310, name: '27'},
                    {value: 234, name: '10'},
                    {value: 135, name: '20'}
                ],
                color:['red','#87CEFA','black','yellow']
                },{
                // name: name,
                type: 'pie',
                radius:['20%','30%'],
                center: ['50%','50%'],
                avoidLabelOverlap: false,
                itemStyle: {
                    borderRadius: 30,
                    borderColor: '#fff',
                    borderWidth: 2
                },
                label: {
                    show: false,
                    position: 'center'
                },
                emphasis: {
                    label: {
                        show: true,
                        fontSize: '20',
                        fontWeight: 'bold'
                    }
                },
                labelLine: {
                    show: false
                },
                data:[
                     {value: 335, name: '26'},
                    {value: 310, name: '27'},
                    {value: 234, name: '10'},
                    {value: 135, name: '20'}
                ],
                color:['red','#87CEFA','black','yellow']
                }
            ]
        })
    },
}
</script>
<style></style>